Mohanned Alazzawi's profile

Landing page for a wind energy startup (UI Challenge)

Designing a landing page for a wind energy startup (UI Challenge)
This is a landing page I designed for a fictional startup called Arcadia that produces the next generation of wind turbines. the company's unique value proposition was that they produced much more cost-effective turbines that produce less noise when polluting the environment.
Research
I started by doing some research on wind energy and it's impact, advantages and disadvantages to inform my copywriting. It is important to mention that this is just a UI challenge and it was never meant to be a full case study and develop full user personas, this is just a quick UI challenge. The articles I reviewed were:
2. Top 10 largest wind turbines manufacturers and I reviewed some of the companies websites that were mentioned in the article.
Copy & Layout
I wanted to start with a simple and clear statement in the hero section to inform the user of the company's unique value proposition, with a simple Lottie animation that grabs the user's attention and an action button that prompts action. The rest of the landing page went on to explain the reasoning behind the company's unique value proposition and providing the user with some evidence. the order that I decided on went like this:

*Hero
*Features and benefits
*Simple explanation
*Projects
*Testimonials
*Partners
*Call to Action
Colors, Fonts & Structures
I came up with a simple theme for the colors to use and that theme was trees, earth and sky. I ended up using the the blue and the beige as main colors and the green as an accent one to highlight important elements. I really felt it gave the site simplicity, lightness and visual interest which is similar to the startup's value proposition (a superior green energy: less noise and cost effective).
As for the Font, I used Quicksand in 3 different weights (regular, medium, and bold). I simply felt that it fits well within the theme and the brand identity I am trying to show here.
Headers
Sub headers
Body
To add an extra layer of visual interest, I added interesting sections' outlines by playing around with XD pen tool and gradients with different application of the elements I mentioned above and produce various iterations that lead me to the final UI that I decided on. 
I downloaded the illustration that I needed to enhance my copy visually and fitted my layout from free resources on the web and sketched the company's logo and an illustration that I couldn't find easily using XD's Pen tool.
The Final Product
It goes without saying that this landing page will need to be tested for usability after launch, undergoing various A/B testing and whatever it needs to make it function better. Thank you very much for reviewing this project, I hope you liked it!
Landing page for a wind energy startup (UI Challenge)
Published:

Owner

Landing page for a wind energy startup (UI Challenge)

This is a landing page I designed for a fictional startup called Arcadia that produces the next generation of wind turbines. the company's unique Read More

Published: